<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>苗华堂</title>
		<meta name="description" content="苗华堂" />
		<meta name="keywords" content="苗华堂" />
		<meta name="author" content="order by dede58.com" />
		<link href="skin/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
		<link href="skin/css/pintuer.css" type="text/css" rel="stylesheet" />
		<link href="skin/css/style.css" type="text/css" rel="stylesheet" />
		<script type="text/javascript" src="skin/js/jquery.min.js"></script>
		<script type="text/javascript" src="skin/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="skin/js/touchslide.1.1.js"></script>
		<script type="text/javascript" src="skin/js/common.js"></script>
		<!-- <script type="text/javascript" src="skin/js/flash.js"></script>
<script type="text/javascript" src="skin/js/ckplayer.js" charset="utf-8"></script> -->
		<!--[if (gt IE 9)|!(IE)]><!-->
		<link href="skin/css/animate.min.css" type="text/css" rel="stylesheet" />
		<script type="text/javascript" src="skin/js/wow.min.js"></script>
		<script src="skin/js/unslider.min.js"></script>

		<style>
			.banner {
				position: relative;
				overflow: auto;
				text-align: center;
				width: 100%!important;
			}
			.banner li {
				list-style: none;
			}
			.banner ul li {
				float: left;
			}
			.banner ul li img{
				width: 100%;
			}
		</style>

		<style>
			#b04,#slideNews{
				width: 640px;
			}
			#b04 .dots,#slideNews .dots{
				position: absolute;
				left: 0;
				right: 0;
				bottom: 20px;
			}
			#b04 .dots li,#slideNews .dots li{
				display: inline-block;
				width: 10px;
				height: 10px;
				margin: 0 4px;
				text-indent: -999em;
				border: 2px solid #fff;
				border-radius: 6px;
				cursor: pointer;
				opacity: .4;
				-webkit-transition: background .5s, opacity .5s;
				-moz-transition: background .5s, opacity .5s;
				transition: background .5s, opacity .5s;
			}
			#b04 .dots li.active,#slideNews .dots li.active{
				background: #fff;
				opacity: 1;
			}
			#b04 .arrow,#slideNews .arrow{
				position: absolute;
				top: 200px;
			}
			#b04 #al,#slideNews #al{
				left: 15px;
			}
			#b04 #ar,#slideNews #ar{
				right: 15px;
			}
		</style>
		<!--<![endif]-->
		<style>
			.slideBox .bd ul {
				height: 580px;
			}
			.slideBox .bd li {
				display: table-cell;
				vertical-align: top;
				/* width: 522px; */
			}
			.slideBox2 .bd li {
				display: table-cell;
				vertical-align: top;
				width: 522px;
			}
			.slideBox2 .tempWrap a {
				display: block;
			}
			.slideBox2 .tempWrap ul {
				position: relative;
				left: 522px;
			}
			/* .artflash_img img{width: 522px;height: 315px;} */
			.green {
				font-size: 18px;
				line-height: 48px;
				color: #66b72e;
				margin-top: 8px;
				margin-left: 60px;
			}
			.green1 {
				margin-left: 234px;
			}
			@media screen and (max-width: 760px) {
				.green {
					font-size: 14px;
					line-height: 30px;
					margin-left: 0;
				}
				.green1 {
					margin-left: 0;
				}
			}
		</style>
	</head>
	<body>
		<!--头部开始-->
		<header id="header">

			<div class="container">
				<div id="logo"><a href="" title="苗华堂">苗华堂</a></div>
				<div id="header_right">
					<div class="clear"></div>
					<nav id="navigate">
						<ul>
							<li class="first_menu"><a class='current' href=''>首页</a></li>

							<li><a href='a/guanyuwomen/index.html'>关于我们</a></li>

							<li><a href='a/chanpinzhongxin/index.html'>产品中心</a></li>

							<li><a href='a/xinwenzixun/index.html'>新闻资讯</a></li>

							<li><a href='a/chenggonganli/index.html'>成功案例</a></li>

							<li><a href='a/lianxiwomen/index.html'>联系我们</a></li>

						</ul>
					</nav>
				</div>
				<div class="clear"></div>
				<div class="mobile_menu"> <a class="menu_btn"><i></i></a>
					<nav id="menu" style="display:none;">
						<ul>
							<li class="first_menu"><a class='current' href=''>首页</a></li>

							<li><a href='a/guanyuwomen/index.html'>关于我们</a></li>

							<li><a href='a/chanpinzhongxin/index.html'>产品中心</a></li>

							<li><a href='a/xinwenzixun/index.html'>新闻资讯</a></li>

							<li><a href='a/chenggonganli/index.html'>成功案例</a></li>

							<li><a href='a/lianxiwomen/index.html'>联系我们</a></li>

						</ul>
					</nav>
				</div>
			</div>
		</header>

		<div class="clear"></div>
		<div id="flash">
			<div id="slideBox" class="slideBox">
				<div class="banner" id="b04">

				</div>
			</div>

		</div>
		<div class="clear"></div>
		<!-- 产品中心 -->
		<div id="pro">
			<div class="container wow fadeInUp">
				<div id="home_top">
					<h3> —— 产品中心 ——</h3>
				</div>
				<!-- <div id="home_top">
      <h3>—— 纯天然除臭抗菌.保湿美白喷雾 ——</h3>
      <h4>有 效 去 除 异 味  |  有 效 抑 制 细 菌  |  不 残 留</h4>
    </div> -->
				<div id="pro_con">
					<div class="pro_con_left">
						<div class="pro_item_list pro1 wow bounceInUp" data-wow-delay=".2s">
							<a href="a/chanpinzhongxin/chanpinerlei/8.html">
								<div class="pro_item_left">
									<div class="pro_item_title"></div>
									<div class="pro_item_desc"></div>
								</div>
								<div class="pro_item_right">
									<div class="pro_item_img"><img src="uploads/allimg/170723/1-1FH31453000-L.jpg" />
									</div>
								</div>
							</a>
						</div>
					</div>

				</div>
			</div>
		</div>
		<!-- 产品中心 end -->
		<div class="clear"></div>
		<!-- 关于我们 -->
		<div id="about" class="wow fadeInUp">
			<div id="about_con">
				<div id="home_top" class="about_us">
					<h3>—— 关于我们 ——</h3>
				</div>
				<div class="ibox_top">
					<div class="ibox_top_left"></div>
					<div class="ibox_top_right"></div>
				</div>
				<div class="ibox">
					<div class="ibox_img"><img src='skin/images/2017713153446533.jpg' width='330' height='498' alt=''>
					</div>
					<div class="ibox_desc">

						是懂法守法
					</div>
					<div class="ibox_middle"></div>
					<div class="ibox_bottom"></div>
					<div class="ibox_left"></div>
					<div class="ibox_right"></div>
				</div>
			</div>
		</div>
		<!-- 关于我们 end -->
		<div class="clear"></div>
		<!-- 适用范围 -->
		<div id="service">
			<div class="container">
				<!-- <div id="service_ico"></div> -->
				<div id="home_top" class="service_top" style="padding-top: 20px;">
					<h3>—— 成功案例 ——</h3>
				</div>
				<div class="service_con wow fadeInUp">
					<div class="row">
						<div class="col-lg-4 col-md-6 col-xs-12 wow fadeInUp" data-wow-delay=".2s">
							<div class="service_item">
								<div class="service_item_img"><img src="uploads/allimg/170723/16121435P-0-lp.jpg" />
								</div>
								<div class="service_right">
									<div class="service_item_title"><a href="a/chenggonganli/20.html">去除身体异味</a></div>
									<div class="service_item_desc">去除身体异味 异味？白眼？ 狐臭？汗臭？你还在为异味而忧愁吗？ 脚臭？你还在为不敢脱鞋而烦恼吗？
										还在为身上的余香...<a href="a/chenggonganli/20.html" class="service_more">更多>></a></div>
								</div>
							</div>
						</div>

						<div class="col-lg-4 col-md-6 col-xs-12 wow fadeInUp" data-wow-delay=".2s">
							<div class="service_item">
								<div class="service_item_img"><img src="uploads/allimg/170723/15022J120-0-lp.jpg" />
								</div>
								<div class="service_right">
									<div class="service_item_title"><a href="a/chenggonganli/20.html">室内空气净化</a></div>
									<div class="service_item_desc">室内空气净化 源自宝岛台湾的技术
										大礼小礼空气净化液全新引进台湾技术配方，经万千环保测试，能在一片清新中持续为你...<a href="a/chenggonganli/20.html"
											class="service_more">更多>></a></div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
			<div class="service_bottom"></div>
		</div>

		<!-- 适用范围 end -->
		<div class="clear"></div>
		<!-- 新闻中心 -->
		<div id="news">
			<div class="container wow fadeInUp">
				<!-- <div class="news_ico"></div> -->
				<div id="home_top" class="news_top">
					<h3>—— 新闻资讯 ——</h3>
				</div>
				<div class="news_con">
					<div class="news1">
						<div id="artflash">
							<div id="slideBox2" class="slideBox2">
								<div class="banner" id="slideNews">
								
								</div>
							
							</div>
						</div>
					</div>
					<div class="news2">
						<div class="news_item wow fadeInUp" data-wow-delay=".2s">
							<div class="news_item_time"><span class="news_item_day">23</span><span
									class="news_item_month">2017-07</span></div>
							<div class="news_item_right">
								<div class="news_item_title"><a href="a/xinwenzixun/19.html">知识贴：化妆的6个正确步骤</a></div>
								<div class="news_item_desc">1、妆前乳或者保湿霜 妆前乳或者保湿霜
									妆前乳（隔离霜）或者保湿霜，两者选其一即可。保湿霜无论质感如何轻盈，都会干扰妆前乳的功能。无论你选择...<a href="a/xinwenzixun/19.html"
										class="news_more">More>></a></div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
		<!-- 新闻中心 end -->

		<div class="clear"></div>
		<div class="clear"></div>
		<footer id="footer">
			<div class="container wow fadeInUp">
				<div class="footer_left">
					<p>
						<span>地址：</span>
						<i>山东菏泽单县朱氏药业</i>
					</p>
					<p>
						<span>电话：</span>
						<i>82748278</i>
					</p>
					<p>
						<span>邮箱：</span>
						<i>827872827@qq.com</i>
					</p>
					<p>
						<span>网站：</span>
						<a href="http://zshzp.demo.huimaiapp.cn"
							target="_blank"><i>http://zshzp.demo.huimaiapp.cn</i></a>
					</p>
					<div id="copy_txt">Copyright &copy; 版权所有 &nbsp;&nbsp;<a href="https://beian.miit.gov.cn"
							target="_blank">鲁ICP备16034964号-60</a> &nbsp;&nbsp;山东省菏泽市单县园艺办事处东城美地6号楼8号商铺 </div>
				</div>
				<div class="footer_right">
					<!-- <div class="wechat"><img src='skin/images/erweima.png' width='92' height='92' alt=''></div> -->
				</div>
			</div>
		</footer>
		<div class="blank55"></div>
		<div id="toolbar" class="layout text-center">
			<div class="col-xs-3"><a href="/"><span class="icon-home"></span>首页</a></div>
			<div class="col-xs-3"><a href="tel:13988999988"><span class="icon-phone"></span>电话</a></div>
			<div class="col-xs-3"><a href="sms:13988999988"><span class="icon-envelope-o"></span>短信</a></div>
			<div class="col-xs-3"><a href="/a/lianxiwomen/"><span class="icon-user"></span>联系</a> </div>
		</div>

		<!--版权区结束-->
		<script type="text/javascript">
			// $(function(){)
			var url1 = 'http://miaohua.huimaiapp.cn';
			var url_ = url1 + '/api/admin/index';
			// var imgURL1 = 'http://miaohua.huimaiapp.cn';
			var slidesHTML = "";
			var commoditHTML = "";
			var successfulHTML = "";
			// var aboutUsHTML = "";
			var journalismHTML = "";
			var journalism_slideshowHTML = "";

			$.ajax({
					url: url_,
					type: 'GET',
					dataType: 'json',
					data: {}
				})
				.success(function(d) {
					//轮播图
					var slides = d.data.slideshow;
					var lunbohtml = "";
					lunbohtml += '<ul id="imgLunbo">'
					for (key in slides) {
						var img = url1 + slides[key].image;
						lunbohtml += '<li><img src="' + img + '" alt="" width="640" height="480" ></li>'
					}
					lunbohtml += '</ul>' +
						'<a href="javascript:void(0);" class="unslider-arrow04 prev"></a>' +
						'<a href="javascript:void(0);" class="unslider-arrow04 next"></a>'
					
					$("#b04").html(lunbohtml);
					//页面渲染之后调用轮播方法
					getLunbo();
					
					//产品中心
					var commodit = d.data.commodity;
					for (key in commodit) {
						var img = url1 + commodit[key].image;
						commoditHTML += '<div class="pro_con_left">' +
							'<div class="pro_item_list pro1 wow bounceInUp" data-wow-delay=".2s">' +
							'<a href="a/chanpinzhongxin/chanpinerlei/8.html?' + commodit[key].id + '">' +
							'<div class="pro_item_left">' +
							'<div class="pro_item_title">' + commodit[key].name + '</div>' +
							'<div class="pro_item_desc">' + commodit[key].synopsis + '</div>' +
							'</div>' +
							'<div class="pro_item_right">' +
							'<div class="pro_item_img"><img src="' + img + '" /></div>' +
							'</div>' +
							'</a>' +
							'</div>' +
							'</div>';
					}
					$('#pro_con').html(commoditHTML)
					//关于我们
					var aboutUs = d.data.about_us;
					var img = url1 + aboutUs[0].image;
					var aboutUsImg = '<img src="' + img + '" width="330" height="498" alt="">';
					$('.ibox_img').html(aboutUsImg);
					$('.ibox_desc').html(aboutUs[0].content);
					var aboutUsName = '<h3>—— ' + aboutUs[0].name + ' ——</h3>'
					$('.about_us').html(aboutUsName)
					//成功案例
					var successful = d.data.successful;
					for (key in successful) {
						var img = url1 + successful[key].image;
						successfulHTML += '<div class="col-lg-4 col-md-6 col-xs-12 wow fadeInUp" data-wow-delay=".2s">' +
							'<div class="service_item">' +
							'<div class="service_item_img"><img src="' + img + '" /></div>' +
							'<div class="service_right">' +
							'<div class="service_item_title"><a href="a/chenggonganli/20.html?' + successful[key].id + '">' +
							successful[key].name + '</a></div>' +
							'<div class="service_item_desc">' + successful[key].synopsis +
							'<a href="a/chenggonganli/20.html?' + successful[key].id +
							'" class="service_more">更多>></a></div>' +
							'</div>' +
							'</div>' +
							'</div>';
					}
					$('.service_con > .row').html(successfulHTML);
					//新闻资讯
					var journalism = d.data.journalism;
					for (key in journalism) {
						var time = journalism[key].addtime.substr(0, 7)
						journalismHTML += '<div class="news_item wow fadeInUp" data-wow-delay=".2s">' +
							'<div class="news_item_time"><span class="news_item_day">23</span><span class="news_item_month">' +
							time + '</span></div>' +
							'<div class="news_item_right">' +
							'<div class="news_item_title"><a href="a/xinwenzixun/19.html?' + journalism[key].id + '">' +
							journalism[key].name + '</a></div>' +
							'<div class="news_item_desc">' + journalism[key].content + '<a href="a/xinwenzixun/19.html?' +
							journalism[key].id + '" class="news_more">More>></a></div>' +
							'</div>' +
							'</div>'
					}
					$('.news2').html(journalismHTML);
					//新闻资讯轮播
					var journalism_slideshow = d.data.journalism_slideshow;
					journalism_slideshowHTML += '<ul>'
					for (key in journalism_slideshow) {
						var img = url1 + journalism_slideshow[key].image;
						journalism_slideshowHTML +=  '<li><img src="' + img + '" alt="" width="640" height="480" ></li>' 
				
				console.log(img)
					}
					journalism_slideshowHTML += '</ul>' +
						'<a href="javascript:void(0);" class="unslider-arrow04 prev"></a>' +
						'<a href="javascript:void(0);" class="unslider-arrow04 next"></a>'
					
					
					$('#slideNews').html(journalism_slideshowHTML);
					getLunboNews();
				

				})
				.error(function(e) {
					console.log('服务器超时，请重试！');
				});




			function getLunbo() {
				var unslider04 = $('#b04').unslider({
						dots: true
					}),
					data04 = unslider04.data('unslider');
				$('.unslider-arrow04').click(function() {
					var fn = this.className.split(' ')[1];
					data04[fn]();
				});
			}
			function getLunboNews() {
				var unslider04 = $('#slideNews').unslider({
						dots: true
					}),
					data04 = unslider04.data('unslider');
				$('.unslider-arrow04').click(function() {
					var fn = this.className.split(' ')[1];
					data04[fn]();
				});
			}
		</script>


		<script type="text/javascript" src="skin/js/flash.js"></script>
		<script type="text/javascript" src="skin/js/ckplayer.js" charset="utf-8"></script>
	</body>
</html>
